<template>
  <m-cell-group :inset="inset">
    <m-cell
      :title="modal.theme"
      :sub-title="modal.inOrderCode"
      weight="title"
      sub-title-color="#409EFF"
      :border="border"
    >
      <template slot="icon">
        <image src="@/static/icon7.png" class="icon_box"></image>
      </template>
      <template slot="link">
        <slot name="link"> </slot>
      </template>
    </m-cell>
    <slot />
  </m-cell-group>
</template>

<script>
export default {
  props: {
    inset: {
      type: Boolean,
      default: true,
    },
    border: {
      type: Boolean,
      default: true,
    },
    modal: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  computed: {
    modalData() {
      return this.modal
    },
    modalTitle() {
      return this.modalData.title
    },
    modalContent() {
      return this.modalData.content
    },
  },
  data() {
    return {}
  },
  components: {},
}
</script>

<style lang="scss" scoped>
.icon_box {
  width: 86rpx;
  height: 86rpx;
  margin-right: -5rpx;
  margin-left: -5rpx;
}

::v-deep {
  .cell {
    .title {
      font-size: 32rpx;
    }
  }
}
</style>
